<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>border&outline</title>
    <style>
            #radius
            {
                border-style: inset;
                border-radius:10px;
                border-color:#00ff00;
            }
            p.test
            {
                border-style:double solid ridge dashed;
                border-left-width: 15px;
                border-bottom-width: 5px;
                border-color:#ff0000 #00ff00 #0000ff #000000;
                outline-style: dashed;
                outline-color: gray;
                outline-width: 3px;
            }
            </style>
</head>
<body>

        <p id="radius"><b>注意:</b> "border-color" 属性 如果单独使用则不起作用。<br/>要先使用 "border-style" 属性来设置边框。</p>
        <p class="test"><b>注意:</b> "border-color" 属性 如果单独使用则不起作用。<br/>要先使用 "border-style" 属性来设置边框。</p>
        <p>外围灰色虚线是轮廓。</p>
    
</body>
</html>